// import React from 'react'
// import ReactDom from 'react-dom'
// import App from './App'
// reactDom.render( 
//     <div>
//     hello world 
//     </div>,
//     document.querySelector("#root")
// )
// const fn=(a,b)=>a+b
//函数式组件,组件名首字母大写
//组件名需大写
// const App=(props)=>{
//     console.log(props);
//     return (
//         <div>
//             <h3> {props.title}</h3>
//             <hr/>
//             {fn(1,2)}
//         </div>

//     )
// }
// ReactDom.render(
//     <App title="你好"/>,
//     document.querySelector("#root")
// )

// import React from 'react'
// import {render} from 'react-dom'

// render(
//     <div>
//         hello world
//     </div>,
//     document.getElementById("root")
// )

//class组件
import React from 'react'
import { render } from 'react-dom'
import App from './App'
// import List from './List'

render(
    <App title="hello world" />,
    //相当于new App().render()

    // <List title2="组件2传参"/>,
    document.getElementById("root")
)

//组件的数据挂载
